<!--
 * @Author: wangyuyong
 * @Date: 2020-07-22 12:06:57
 * @LastEditTime: 2020-07-22 16:26:40
 * @FilePath: /blog-manager/src/views/WriteBlogPage.vue
 * @Description: 
-->
<template>
  <div>
    <md-editor height="800px" @textChange="textChange"></md-editor>
    <div class="btn-wrapper">
      <el-button type="primary">提交</el-button>
    </div>
    <article-dialog></article-dialog>
  </div>
</template>

<script>
import MdEditor from "@/components/common/MdEditor";
import ArticleDialog from "@/components/common/ArticleDialog";
export default {
  name: "WriteBlogPage",
  data() {
    return {
      text: "",
    };
  },
  components: {
    MdEditor,
    ArticleDialog,
  },
  methods: {
    textChange(value, render) {
      this.text = value;
    },
  },
};
</script>

<style>
.btn-wrapper {
  display: flex;
  justify-content: flex-end;
}
.el-button {
  margin-right: 20px;
}
</style>
